 
.Wrap{  
    /*border: 1px solid #C5D5E3;*/
      padding: 10px; }
.Wrap input:focus{outline:none;border: 1px solid #C5D5E3;} 
.Wrap>div{ color: #4B4B4B;   display: flex;justify-content: flex-start;    align-items: center;}
.Wrap>div+div { margin-top: 10px;    }
.Wrap>div>label   {width: 80px;}
.Wrap>div>label +.rightC  {  display: flex;  justify-content: space-around;
    flex: 2;}
.Wrap>div>label +.rightC .normal{ padding:5px 10px;text-align: center;border-radius: 10px; border:1px solid #ddd; border:1px solid #C8DDF5}
.Wrap>div>label +.rightC .normal+.normal{margin-left: 5px;}
.Wrap>div>label +.rightC .normal.active{  background-color: #BEBEBE;color: #6898CF;border-color: #BEBEBE}
.Wrap>div>label +.rightC .custonLabel  {  border: 1px solid #C8DDF5; flex: 1; }

.Wrap .icon{  margin-right: 5px}
.Wrap .icon img{ width:30px;vertical-align: middle;}

.Wrap .fileWrap{    flex-direction: column;}
.Wrap .fileWrap>div{  display: flex;    width: 100%;    align-items: center;}
.Wrap .fileWrap{margin-bottom: 10px} 
.Wrap .fileWrap .title >p {margin-bottom:0} 
.Wrap .fileWrap .title {  display: flex;  width: 100%;  justify-content: space-between;  box-sizing: border-box; align-items: center;}
 
.Wrap .fileWrap .title .unload {display: inline-block; width: calc( 100% - 5px);height: 50px;background-color: #FFF; overflow: hidden;}
.Wrap .fileWrap .title .unload div {position: relative;display: block;width: 50px;height: 50px;text-align: center;line-height: 50px;margin-bottom: 5px;margin-right: 10px;float: left;}
.Wrap .fileWrap .title .unload .add {color: #878787;font-size: 65px;background: url('../assets/add.png') no-repeat; background-size: 50px 50px;width: 50px;height: 50px;line-height: 48px;}
.Wrap .fileWrap .title .unload input {position: absolute;top: 0;left: 0;opacity: 0;width: 50px;height: 50px;z-index: 3;}
.Wrap .fileWrap .lists {    justify-content: flex-start;   display: flex;   width: 100%;}
.Wrap .fileWrap .lists >div{width: 120px;   position: relative;}
.Wrap .fileWrap .lists >div+div{   margin-left: 10px;}
.Wrap .fileWrap .lists .close{ position: absolute;top: 1px;height: 20px; width: 20px; line-height: 20px; right: 0px; background-color: rgba(0, 0, 0, 0.53); color: #ffffff; font-size: 16px;font-weight: 100; opacity: 1;}
.Wrap .fileWrap .lists >div  img {width: 100%;height: auto;} 

.Wrap .timeWrap{    flex-direction: column;align-items: flex-start;}
.Wrap .timeWrap >div:first-child{    width: 100%; display: flex;}
.Wrap .timeWrap  .rightC  {    width: 100%;    display: flex;  align-items: center; } 
.Wrap .timeWrap .time_wrap {   background-color: #fff; border: 0px; flex: 1;}
.Wrap .timeWrap  .time_wrap label{   display: inline-block; width: 100%; height: 30px;      line-height: 30px;  text-indent: 10px;}
.Wrap .timeWrap  .rightC  .timeicon{  background: url('../assets/icon_time.png') no-repeat; width:30px;height:30px;background-size: contain; }
.Wrap .timeWrap .tms span{color:red}
.Wrap .timeWrap  .date-selector-btn-box{background:hsl(0, 27%, 46%)}

.Wrap .signleTimeWrap>div:first-child{display: flex;    align-items: center;}
.Wrap .signleTimeWrap  .date-selector-btn-box{background:hsl(0, 27%, 46%)}
.Wrap .signleTimeWrap  .rightC{    display: flex;    justify-content: flex-end;  flex: 1;     align-items: center;}
.Wrap .signleTimeWrap  .rightC  .timeicon{  background: url('../assets/icon_time.png') no-repeat; width:30px;height:30px;background-size: contain; }
 
.Wrap .btnWrap .rightC{ font-size: 12px;   }
.Wrap>div.btnWrap>label+.rightC .normal.normal{padding:2px;    width: 22%;}
 .Wrap btnWrap .rightC .normal + .normal{margin-left:0}